<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>小张同学</title>
    <link rel="icon" href="./ico/avatar.jpeg">
    <link rel='stylesheet' id='wp-block-library-css'
        href='assets/wp-includes/css/dist/block-library/style.min-5.6.2.css' type='text/css' media='all'>
    <link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css">
    <link rel='stylesheet' id='iconfont-css' href='assets/wp-content/themes/onenav/css/iconfont-3.03029.1.css'
        type='text/css' media='all'>
    <link rel='stylesheet' id='iconfontd-css' href='assets/t/font_1620678_7g0p3h6gbl-3.03029..css' type='text/css'
        media='all'>
    <link rel='stylesheet' id='bootstrap-css' href='assets/wp-content/themes/onenav/css/bootstrap.min-3.03029.1.css'
        type='text/css' media='all'>
    <link rel='stylesheet' id='lightbox-css'
        href='assets/wp-content/themes/onenav/css/jquery.fancybox.min-3.03029.1.css' type='text/css' media='all'>
    <link rel='stylesheet' id='style-css' href='assets/wp-content/themes/onenav/css/style-3.03029.1.css' type='text/css'
        media='all'>
    <script type='text/javascript' src='assets/wp-content/themes/onenav/js/jquery.min-3.03029.1.js'
        id='jquery-js'></script>
    <style>
        #footer-tools [data-v-db6ccf64][data-v-41ba7e2c] {
            top: unset !important;
            bottom: 0 !important;
            right: 44px !important
        }

        .io.icon-fw,
        .iconfont.icon-fw {
            width: 1.15em;
        }

        .io.icon-lg,
        .iconfont.icon-lg {
            font-size: 1.5em;
            line-height: .75em;
            vertical-align: -.125em;
        }

        .screenshot-carousel .img_wrapper a {
            display: contents
        }

        .fancybox-slide--iframe .fancybox-content {
            max-width: 1280px;
            margin: 0
        }

        .fancybox-slide--iframe.fancybox-slide {
            padding: 44px 0
        }

        .navbar-nav .menu-item-286 a {
            background: #ff8116;
            border-radius: 50px !important;
            padding: 5px 10px !important;
            margin: 5px 0 !important;
            color: #fff !important;
        }

        .navbar-nav .menu-item-286 a i {
            position: absolute;
            top: 0;
            right: -10px;
            color: #f13522;
        }

        .io-black-mode .navbar-nav .menu-item-286 a {
            background: #ce9412;
        }

        .io-black-mode .navbar-nav .menu-item-286 a i {
            color: #fff;
        }
    </style>
    <!-- 百度统计 -->
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?18f619820855042bca58b32408f44de7";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <!-- end 百度统计 -->
</head>

<body class="io-grey-mode">
    <div id="loading">
        <style>
            .loader {
                width: 250px;
                height: 50px;
                line-height: 50px;
                text-align: center;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                font-family: helvetica, arial, sans-serif;
                text-transform: uppercase;
                font-weight: 900;
                color: #f1404b;
                letter-spacing: 0.2em
            }

            .loader::before,
            .loader::after {
                content: "";
                display: block;
                width: 15px;
                height: 15px;
                background: #f1404b;
                position: absolute;
                animation: load .7s infinite alternate ease-in-out
            }

            .loader::before {
                top: 0
            }

            .loader::after {
                bottom: 0
            }

            @keyframes load {
                0% {
                    left: 0;
                    height: 30px;
                    width: 15px
                }

                50% {
                    height: 8px;
                    width: 40px
                }

                100% {
                    left: 235px;
                    height: 30px;
                    width: 15px
                }
            }
        </style>
        <div class="loader">小张同学的百宝箱</div>
    </div>
    <div class="page-container">

        <div id="sidebar" class="sticky sidebar-nav fade mini-sidebar" style="width: 60px;">
            <div class="modal-dialog h-100  sidebar-nav-inner">
                <div class="sidebar-logo border-bottom border-color">
                    <!-- logo -->
                    <div class="logo overflow-hidden">
                        <a href="https://zhang_shaolong.gitee.io/" class="logo-expanded">
                            <img src="ico/avatar.jpeg" height="40" class="logo-light"
                                alt="小张同学的百宝箱">
                            <img src="ico/avatar.jpeg" height="40"
                                class="logo-dark d-none" alt="小张同学的百宝箱">
                        </a>
                        <a href="https://zhang_shaolong.gitee.io/" class="logo-collapsed">
                            <img src="ico/avatar.jpeg" height="40"
                                class="logo-light" alt="小张同学的百宝箱">
                            <img src="ico/avatar.jpeg" height="40"
                                class="logo-dark d-none" alt="小张同学的百宝箱">
                        </a>
                    </div>
                    <!-- logo end -->
                </div>
                <div class="sidebar-menu flex-fill">
                    <div class="sidebar-scroll">
                        <div class="sidebar-menu-inner">
                            <ul>
                                <li class="sidebar-item">
                                    <a href="#links1" class="smooth">
                                        <i class="fa fa-heart icon-fw icon-lg mr-2"></i>
                                        <span>常用推荐</span>
                                    </a>
                                </li>
                                <li class="sidebar-item">
                                    <a href="#links2" class="smooth">
                                        <i class="io io-book icon-fw icon-lg mr-2"></i>
                                        <span>学术科研</span>
                                    </a>
                                </li>
                                <li class="sidebar-item">
                                    <a href="#links3" class="smooth">
                                        <i class="io io-app icon-fw icon-lg mr-2"></i>
                                        <span>千奇百怪</span>
                                    </a>
                                </li>
                                <li class="sidebar-item">
                                    <a href="#links4" class="smooth">
                                        <i class="io io-gongju icon-fw icon-lg mr-2"></i>
                                        <span>在线工具</span>
                                    </a>
                                </li>

                               
                                <li class="sidebar-item">
                                    <a href="#links5" class="smooth">
                                        <i class="io io-sucai1-copy icon-fw icon-lg mr-2"></i>
                                        <span>友情链接</span>
                                    </a>
                                </li>
                                <!-- <li class="sidebar-item">
                                    <a href="#links7" class="smooth">
                                        <i class="io io-zixun icon-fw icon-lg mr-2"></i>
                                        <span>精品网站</span>
                                    </a>
                                    <ul>
                                        <li>
                                            <a href="#term-42" class="smooth"><span>资讯</span></a>
                                        </li>
                                    </ul>
                                </li> -->

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-content flex-fill">
            <div class="big-header-banner">
                <div id="header" class="page-header sticky">
                    <div class="navbar navbar-expand-md">
                        <div class="container-fluid p-0">

                            <a href="" class="navbar-brand d-md-none" title="小张同学的百宝箱">
                                <img src="assets/wp-content/uploads/2020/01/ywdh-logo-bark-ico.png" class="logo-light"
                                    alt="小张同学的百宝箱">
                                <img src="assets/wp-content/uploads/2020/01/ywdh-logo-ico.png" class="logo-dark d-none"
                                    alt="小张同学的百宝箱">
                            </a>

                            <div class="collapse navbar-collapse order-2 order-md-1">
                                <div class="header-mini-btn">
                                    <label>
                                        <input id="mini-button" type="checkbox">
                                        <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                                            <path class="line--1" d="M0 40h62c18 0 18-20-17 5L31 55"></path>
                                            <path class="line--2" d="M0 50h80"></path>
                                            <path class="line--3" d="M0 60h62c18 0 18 20-17-5L31 45"></path>
                                        </svg>
                                    </label>

                                </div>

                                <ul class="navbar-nav site-menu" style="margin-right: 16px;">
                                    <li id="menu-item-281"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-281">
                                        <a href="https://zhang_shaolong.gitee.io/">
                                            <i class="fa fa-home fa-lg mr-2"></i>
                                            <span>首页</span></a>
                                    </li>
                                    <!-- <li id="menu-item-786"
                                        class="menu-item menu-item-type-custom menu-item-object-custom menu-item-786"><a
                                            target="_blank" rel="noopener" href="javascript:;">
                                            <i class="fa fa-flag fa-lg mr-2"></i>
                                            <span>日志</span></a></li>
                                    <li id="menu-item-284"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-284">
                                        <a href="about.html">
                                            <i class="fa fa-info-circle fa-lg mr-2"></i>
                                            <span>关于</span></a>
                                        <ul class="sub-menu">
                                            <li id="menu-item-264"
                                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-264">
                                                <a href="https://weibo.com/hiliutongxu">所长微博</a>
                                            </li>
                                            <li id="menu-item-285"
                                                class="menu-item menu-item-type-custom menu-item-object-custom menu-item-285">
                                                <a href="#">关于导航</a>
                                            </li>
                                        </ul>
                                    </li> -->

                                </ul>
                                <div class="rounded-circle weather">
                                    <div id="he-plugin-simple" style="display: contents;"></div>
                                    <script>WIDGET = {
                                            CONFIG: {
                                                "modules": "12034",
                                                "background": 5,
                                                "tmpColor": "E4C600",
                                                "tmpSize": 14,
                                                "cityColor": "E4C600",
                                                "citySize": 14,
                                                "aqiColor": "#E4C600",
                                                "aqiSize": 14,
                                                "weatherIconSize": 24,
                                                "alertIconSize": 18,
                                                "padding": "10px 10px 10px 10px",
                                                "shadow": "1",
                                                "language": "auto",
                                                "borderRadius": 5,
                                                "fixed": "false",
                                                "vertical": "middle",
                                                "horizontal": "left",
                                                "key": "e05c4ce44b7e43c6a9303e68cc42a48c"
                                            }
                                        }
                                    </script>
                                    <script
                                        src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"></script>
                                </div>
                            </div>

                            <ul class="nav navbar-menu text-xs order-1 order-md-2">
                                <!-- 一言 -->
                                <li class="nav-item mr-3 mr-lg-0 d-none d-lg-block">
                                    <script>
                                        fetch('https://v1.hitokoto.cn')
                                            .then(response => response.json())
                                            .then(data => {
                                                const hitokoto = document.getElementById('hitokoto_text')
                                                hitokoto.href = 'https://hitokoto.cn/?uuid=' + data.uuid
                                                hitokoto.innerText = data.hitokoto
                                            })
                                            .catch(console.error)
                                    </script>
                                    <div id="hitokoto"><a href="#" target="_blank" id="hitokoto_text">我爱你，洛千婷</a></div>
                                </li>
                                <!-- 一言 end -->
                                <li class="nav-search ml-3 ml-md-4">
                                    <a href="javascript:" data-toggle="modal" data-target="#search-modal"><i
                                            class="iconfont icon-search icon-2x"></i></a>
                                </li>
                                <li class="nav-item d-md-none mobile-menu ml-3 ml-md-4">
                                    <a href="javascript:" id="sidebar-switch" data-toggle="modal"
                                        data-target="#sidebar"><i class="iconfont icon-classification icon-2x"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="placeholder" style="height:74px"></div>
            </div>

            <div class="header-big  post-top css-color mb-4"
                style="background-image: linear-gradient(45deg, #8618db 0%, #d711ff 50%, #460fdd 100%);">
                <div class="s-search">
                    <div id="search" class="s-search mx-auto">
                        <div id="search-list-menu" class="hide-type-list">
                            <div class="s-type text-center">
                                <div class="s-type-list big">
                                    <div class="anchor" style="position: absolute; left: 50%; opacity: 0;"></div>
                                    <label for="type-baidu" class="" data-id="group-a"><span>常用</span></label><label
                                        for="type-baidu1" data-id="group-b"><span>搜索</span></label><label for="type-br"
                                        data-id="group-c"><span>工具</span></label><label for="type-zhihu"
                                        data-id="group-d"><span>社区</span></label><label for="type-taobao1"
                                        data-id="group-e"><span>生活</span></label><label for="type-zhaopin"
                                        data-id="group-f"><span>求职</span></label>
                                </div>
                            </div>
                        </div>
                        <form action="https://nav.iowen.cn?s=" method="get" target="_blank" class="super-search-fm">
                            <input type="text" id="search-text" class="form-control smart-tips search-key" zhannei=""
                                placeholder="输入关键字搜索" style="outline:0" autocomplete="off">
                            <button type="submit"><i class="iconfont icon-search"></i></button>
                        </form>
                        <div id="search-list" class="hide-type-list">
                            <div class="search-group group-a ">
                                <ul class="search-type">
                                    <li><input checked="checked" hidden="" type="radio" name="type" id="type-baidu"
                                            value="https://www.baidu.com/s?wd=" data-placeholder="百度一下"><label
                                            for="type-baidu"><span class="text-muted">百度</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-google"
                                            value="https://www.google.com/search?q=" data-placeholder="谷歌两下"><label
                                            for="type-google"><span class="text-muted">谷歌</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-zhannei"
                                            value="https://www.iplaysoft.com/?s=" data-placeholder="软件搜索"><label
                                            for="type-zhannei"><span class="text-muted">软件</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-taobao"
                                            value="https://s.taobao.com/search?q=" data-placeholder="淘宝"><label
                                            for="type-taobao"><span class="text-muted">淘宝</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-wechat"
                                            value="https://weixin.sogou.com/weixin?type=2&query="
                                            data-placeholder="微信"><label for="type-wechat"><span
                                                class="text-muted">微信</span></label></li>
                                </ul>
                            </div>
                            <div class="search-group group-b ">
                                <ul class="search-type">
                                    <li><input hidden="" type="radio" name="type" id="type-baidu1"
                                            value="https://www.baidu.com/s?wd=" data-placeholder="百度一下"><label
                                            for="type-baidu1"><span class="text-muted">百度</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-google1"
                                            value="https://www.google.com/search?q=" data-placeholder="谷歌两下"><label
                                            for="type-google1"><span class="text-muted">谷歌</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-360"
                                            value="https://www.so.com/s?q=" data-placeholder="360好搜"><label
                                            for="type-360"><span class="text-muted">360</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-sogo"
                                            value="https://www.sogou.com/web?query=" data-placeholder="搜狗搜索"><label
                                            for="type-sogo"><span class="text-muted">搜狗</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-bing1"
                                            value="https://cn.bing.com/search?q=" data-placeholder="微软Bing搜索"><label
                                            for="type-bing1"><span class="text-muted">必应</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-sm"
                                            value="https://yz.m.sm.cn/s?q=" data-placeholder="UC移动端搜索"><label
                                            for="type-sm"><span class="text-muted">神马</span></label></li>
                                </ul>
                            </div>
                            <div class="search-group group-c ">
                                <ul class="search-type">
                                    <li><input hidden="" type="radio" name="type" id="type-br"
                                            value="https://rank.chinaz.com/all/"
                                            data-placeholder="请输入网址(不带https://)"><label for="type-br"><span
                                                class="text-muted">权重查询</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-links"
                                            value="https://link.chinaz.com/" data-placeholder="请输入网址(不带https://)"><label
                                            for="type-links"><span class="text-muted">友链检测</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-icp"
                                            value="https://icp.aizhan.com/" data-placeholder="请输入网址(不带https://)"><label
                                            for="type-icp"><span class="text-muted">备案查询</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-ping"
                                            value="https://ping.chinaz.com/" data-placeholder="请输入网址(不带https://)"><label
                                            for="type-ping"><span class="text-muted">PING检测</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-404"
                                            value="https://tool.chinaz.com/Links/?DAddress="
                                            data-placeholder="请输入网址(不带https://)"><label for="type-404"><span
                                                class="text-muted">死链检测</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-ciku"
                                            value="https://www.ciku5.com/s?wd=" data-placeholder="请输入关键词"><label
                                            for="type-ciku"><span class="text-muted">关键词挖掘</span></label></li>
                                </ul>
                            </div>
                            <div class="search-group group-d ">
                                <ul class="search-type">
                                    <li><input hidden="" type="radio" name="type" id="type-zhihu"
                                            value="https://www.zhihu.com/search?type=content&q="
                                            data-placeholder="知乎"><label for="type-zhihu"><span
                                                class="text-muted">知乎</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-wechat"
                                            value="https://weixin.sogou.com/weixin?type=2&query="
                                            data-placeholder="微信"><label for="type-wechat"><span
                                                class="text-muted">微信</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-weibo"
                                            value="https://s.weibo.com/weibo/" data-placeholder="微博"><label
                                            for="type-weibo"><span class="text-muted">微博</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-douban"
                                            value="https://www.douban.com/search?q=" data-placeholder="豆瓣"><label
                                            for="type-douban"><span class="text-muted">豆瓣</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-why"
                                            value="https://ask.seowhy.com/search/?q=" data-placeholder="SEO问答社区"><label
                                            for="type-why"><span class="text-muted">搜外问答</span></label></li>
                                </ul>
                            </div>
                            <div class="search-group group-e ">
                                <ul class="search-type">
                                    <li><input hidden="" type="radio" name="type" id="type-taobao1"
                                            value="https://s.taobao.com/search?q=" data-placeholder="淘宝"><label
                                            for="type-taobao1"><span class="text-muted">淘宝</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-jd"
                                            value="https://search.jd.com/Search?keyword=" data-placeholder="京东"><label
                                            for="type-jd"><span class="text-muted">京东</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-xiachufang"
                                            value="https://www.xiachufang.com/search/?keyword="
                                            data-placeholder="下厨房"><label for="type-xiachufang"><span
                                                class="text-muted">下厨房</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-xiangha"
                                            value="https://www.xiangha.com/so/?q=caipu&s="
                                            data-placeholder="香哈菜谱"><label for="type-xiangha"><span
                                                class="text-muted">香哈菜谱</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-12306"
                                            value="https://www.12306.cn/?" data-placeholder="12306"><label
                                            for="type-12306"><span class="text-muted">12306</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-kd100"
                                            value="https://www.kuaidi100.com/?" data-placeholder="快递100"><label
                                            for="type-kd100"><span class="text-muted">快递100</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-qunar"
                                            value="https://www.qunar.com/?" data-placeholder="去哪儿"><label
                                            for="type-qunar"><span class="text-muted">去哪儿</span></label></li>
                                </ul>
                            </div>
                            <div class="search-group group-f ">
                                <ul class="search-type">
                                    <li><input hidden="" type="radio" name="type" id="type-zhaopin"
                                            value="https://sou.zhaopin.com/jobs/searchresult.ashx?kw="
                                            data-placeholder="智联招聘"><label for="type-zhaopin"><span
                                                class="text-muted">智联招聘</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-51job"
                                            value="https://search.51job.com/?" data-placeholder="前程无忧"><label
                                            for="type-51job"><span class="text-muted">前程无忧</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-lagou"
                                            value="https://www.lagou.com/jobs/list_" data-placeholder="拉钩网"><label
                                            for="type-lagou"><span class="text-muted">拉钩网</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-liepin"
                                            value="https://www.liepin.com/zhaopin/?key=" data-placeholder="猎聘网"><label
                                            for="type-liepin"><span class="text-muted">猎聘网</span></label></li>
                                </ul>
                            </div>
                        </div>
                        <div class="card search-smart-tips" style="display: none">
                            <ul></ul>
                        </div>
                    </div>
                </div>

                <div class="bulletin-big mx-3 mx-md-0">
                    <div id="bulletin_box" class="card my-2">
                        <div class="card-body py-1 px-2 px-md-3 d-flex flex-fill text-xs text-muted">
                            <div><i class="iconfont icon-bulletin" style="line-height:25px"></i></div>
                            <div class="bulletin mx-1 mx-md-2 carousel-vertical">
                                <div class="carousel slide" data-ride="carousel" data-interval="3000">
                                    <div class="carousel-inner" role="listbox">
                                        <div class="carousel-item active"><a class="overflowClip_1" href="#">小张同学 -
                                                理想主义的少年永远不会被现实招安！</a></div>
                                        <div class="carousel-item "><a class="overflowClip_1" href="#">小张同学 -
                                                希望我们都可以成为更好的自己！</a></div>
                                    </div>
                                </div>
                            </div>
                            <div class="flex-fill"></div>
                            <a title="关闭" href="javascript:;" rel="external nofollow" class="bulletin-close"
                                onclick="$('#bulletin_box').slideUp('slow');"><i class="iconfont icon-close"
                                    style="line-height:25px"></i></a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ----------------------收藏网址链接添加处---------------------------------->
            <div id="content" class="content-site customize-site">
                <div class="d-flex flex-fill ">
                    <h4 class="text-gray text-lg mb-4">
                        <i class="site-tag iconfont icon-tag icon-lg mr-1" id="links1"></i>
                        常用推荐
                    </h4>
                    <div class="flex-fill"></div>
                    <a class='btn-move text-xs' href='#'>more+</a>
                </div>
                <div class="row ">
                    <!-- ----------------------常用推荐---------------------------------->
                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://zhang_shaolong.gitee.io/" target="_blank" data-id="12"
                                data-url="https://zhang_shaolong.gitee.io/" class="card no-c  mb-4 site-12"
                                data-toggle="tooltip" data-placement="bottom" title="小张同学的个人博客网站">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/avatar.jpeg" data-src="ico/avatar.jpeg"
                                                onerror="javascript:this.src='ico/ico/avatar.jpeg'" alt="小张同学">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>小张同学</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">小张同学的个人博客网站</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://zhang_shaolong.gitee.io/" class="togo text-center text-muted is-views"
                                data-id="12" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://www.csdn.net/" target="_blank" data-id="12"
                                data-url="https://www.csdn.net/" class="card no-c  mb-4 site-12" data-toggle="tooltip"
                                data-placement="bottom" title="知名中文IT技术交流平台">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/csdn.png" data-src="ico/csdn.png"
                                                onerror="javascript:this.src='ico/csdn.png'" alt="CSDN">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>CSDN</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">知名中文IT技术交流平台</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://www.csdn.net/" class="togo text-center text-muted is-views" data-id="12"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://www.zhihu.com/" target="_blank" data-id="12"
                                data-url="https://www.zhihu.com/" class="card no-c  mb-4 site-12" data-toggle="tooltip"
                                data-placement="bottom" title="中文互联网高质量的问答社区">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/zhihu.png" data-src="ico/zhihu.png"
                                                onerror="javascript:this.src='ico/zhihu.png'" alt="知乎">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>知乎</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">中文互联网高质量的问答社区
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://www.zhihu.com/" class="togo text-center text-muted is-views" data-id="12"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://www.bilibili.com/" target="_blank" data-id="12"
                                data-url="https://www.bilibili.com/" class="card no-c  mb-4 site-12"
                                data-toggle="tooltip" data-placement="bottom" title="国内知名的视频弹幕网站">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/bilibili.ico" data-src="ico/bilibili.ico"
                                                onerror="javascript:this.src='ico/bilibili.ico'" alt="哔哩哔哩">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>哔哩哔哩</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">国内知名的视频弹幕网站</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://www.bilibili.com/" class="togo text-center text-muted is-views"
                                data-id="12" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://github.com/" target="_blank" data-id="689" data-url="https://github.com/"
                                class="card no-c  mb-4 site-689" data-toggle="tooltip" data-placement="bottom"
                                title="全球最大同性交友网站">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/github.png" data-src="ico/github.png"
                                                onerror="javascript:this.src='ico/github.png'" alt="GitHub">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>GitHub</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">全球最大同性交友网站</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://github.com/" class="togo text-center text-muted is-views" data-id="689"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>
                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://gitee.com/" target="_blank" data-id="689" data-url="https://gitee.com/"
                                class="card no-c  mb-4 site-689" data-toggle="tooltip" data-placement="bottom"
                                title="基于 Git 的代码托管和研发协作平台">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/gitee.png" data-src="ico/gitee.png"
                                                onerror="javascript:this.src='ico/gitee.png'" alt="GitHub">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>Gitee</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">基于 Git 的代码托管和研发协作平台</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://gitee.com/" class="togo text-center text-muted is-views" data-id="689"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://juejin.cn/" target="_blank" data-id="689" data-url="https://juejin.cn/"
                                class="card no-c  mb-4 site-689" data-toggle="tooltip" data-placement="bottom"
                                title="代码不止，掘金不停">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/jj.png" data-src="ico/jj.png"
                                                onerror="javascript:this.src='ico/ico/jj.png'" alt="GitHub">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>掘金</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">代码不止，掘金不停</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://juejin.cn/" class="togo text-center text-muted is-views" data-id="689"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>


                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://www.runoob.com/" target="_blank" data-id="689"
                                data-url="https://www.runoob.com/" class="card no-c  mb-4 site-689"
                                data-toggle="tooltip" data-placement="bottom" title="学的不仅是技术，更是梦想！">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/cnjc.ico" data-src="ico/cnjc.ico"
                                                onerror="javascript:this.src='ico/cnjc.ico'" alt="GitHub">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>菜鸟教程</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">学的不仅是技术，更是梦想！</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://www.runoob.com/" class="togo text-center text-muted is-views" data-id="689"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://www.w3school.com.cn/" target="_blank" data-id="689"
                                data-url="https://www.w3school.com.cn/" class="card no-c  mb-4 site-689"
                                data-toggle="tooltip" data-placement="bottom" title="领先的 Web 技术教程">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/w3c.png" data-src="ico/w3c.png"
                                                onerror="javascript:this.src='ico/w3c.png'" alt="w3school">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>w3school</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">领先的 Web 技术教程</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://www.w3school.com.cn/" class="togo text-center text-muted is-views"
                                data-id="689" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>
                </div>




                <div class="d-flex flex-fill ">
                    <h4 class="text-gray text-lg mb-4">
                        <i class="site-tag iconfont icon-tag icon-lg mr-1" id="links2"></i>
                        学术科研
                    </h4>
                    <div class="flex-fill"></div>
                    <a class='btn-move text-xs' href=''>more+</a>
                </div>
                <div class="row ">
                    <!-- ----------------------学术科研---------------------------------->
                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="http://erya.mooc.chaoxing.com/" target="_blank" data-id="725"
                                data-url="http://erya.mooc.chaoxing.com/" class="card no-c  mb-4 site-725"
                                data-toggle="tooltip" data-placement="bottom" title="免费的精品在线通识大学课程">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy"
                                                src="https://www.xue8nav.com/wp-content/uploads/2020/01/erya-mooc.png"
                                                data-src="https://www.xue8nav.com/wp-content/uploads/2020/01/erya-mooc.png"
                                                onerror="javascript:this.src='ico/cxey.ico'" alt="超星尔雅">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>超星尔雅</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">
                                                免费的精品在线通识大学课程
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="http://erya.mooc.chaoxing.com/" class="togo text-center text-muted is-views"
                                data-id="725" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://site.sciping.com/" target="_blank" data-id="725"
                                data-url="https://site.sciping.com/" class="card no-c  mb-4 site-725"
                                data-toggle="tooltip" data-placement="bottom" title="国内领先的科研与学术资源导航平台">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/ktxs.ico" data-src="ico/ktxs.ico"
                                                onerror="javascript:this.src='ico/ktxs.ico'" alt="科塔学术">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>科塔学术</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">
                                                国内领先的科研与学术资源导航平台
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://site.sciping.com/" class="togo text-center text-muted is-views"
                                data-id="725" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://www.xue8nav.com/" target="_blank" data-id="725"
                                data-url="https://www.xue8nav.com/" class="card no-c  mb-4 site-725"
                                data-toggle="tooltip" data-placement="bottom" title="四十万学习爱好者都在用的学习导航网站">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/xbdh.png" data-src="ico/xbdh.png"
                                                onerror="javascript:this.src='ico/xbdh.png'" alt="学吧导航">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>学吧导航</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">
                                                四十万学习爱好者都在用的学习导航网站
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://www.xue8nav.com/" class="togo text-center text-muted is-views"
                                data-id="725" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="http://www.4243.net/" target="_blank" data-id="725" data-url="http://www.4243.net/"
                                class="card no-c  mb-4 site-725" data-toggle="tooltip" data-placement="bottom"
                                title="国内外文献/图书下载入口">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/dmc.ico" data-src="ico/dmc.ico"
                                                onerror="javascript:this.src='ico/dmc.ico'" alt="大木虫学术">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>大木虫学术</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">
                                                国内外文献/图书下载入口
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="http://www.4243.net/" class="togo text-center text-muted is-views" data-id="725"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://www.icourse163.org/" target="_blank" data-id="725"
                                data-url="https://www.icourse163.org/" class="card no-c  mb-4 site-725"
                                data-toggle="tooltip" data-placement="bottom" title="国家精品课程在线学习平台">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/mooc.png" data-src="ico/mooc.png"
                                                onerror="javascript:this.src='ico/mooc.png'" alt="中国大学MOOC">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>中国大学MOOC</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">
                                                国家精品课程在线学习平台
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://www.icourse163.org/" class="togo text-center text-muted is-views"
                                data-id="725" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://leetcode.com/" target="_blank" data-id="725"
                                data-url="https://leetcode.com/" class="card no-c  mb-4 site-725" data-toggle="tooltip"
                                data-placement="bottom" title="考研,研究生招生,研究生网上报名,网上调剂,专业学位,招生简章">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/lc.png" data-src="ico/lc.png"
                                                onerror="javascript:this.src='ico/lc.png'" alt="LeetCode">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>LeetCode</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">
                                                全球极客挚爱的技术成长平台
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://leetcode.com/" class="togo text-center text-muted is-views" data-id="725"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://www.nowcoder.com/" target="_blank" data-id="725"
                                data-url="https://www.nowcoder.com/" class="card no-c  mb-4 site-725"
                                data-toggle="tooltip" data-placement="bottom" title="考研,研究生招生,研究生网上报名,网上调剂,专业学位,招生简章">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/nk.png" data-src="ico/nk.png"
                                                onerror="javascript:this.src='ico/nk.png'" alt="牛客网">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>牛客网</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">
                                                找工作神器|笔试题库|面试经验|实习招聘内推，求职就业一站解决
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://www.nowcoder.com/" class="togo text-center text-muted is-views"
                                data-id="725" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="http://www.459.org/" target="_blank" data-id="725" data-url="http://www.459.org/"
                                class="card no-c  mb-4 site-725" data-toggle="tooltip" data-placement="bottom"
                                title="考研,研究生招生,研究生网上报名,网上调剂,专业学位,招生简章">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/wxbl.ico" data-src="ico/wxbl.ico"
                                                onerror="javascript:this.src='ico/wxbl.ico'" alt="牛客网">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>文献部落</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">
                                                一个免费下载文献的学术导航网站
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="http://www.459.org/" class="togo text-center text-muted is-views" data-id="725"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <!-- <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="http://www.459.org/" target="_blank" data-id="725" data-url="http://www.459.org/"
                                class="card no-c  mb-4 site-725" data-toggle="tooltip" data-placement="bottom"
                                title="考研,研究生招生,研究生网上报名,网上调剂,专业学位,招生简章">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/wxbl.ico" data-src="ico/wxbl.ico"
                                                onerror="javascript:this.src='ico/wxbl.ico'" alt="牛客网">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>文献部落</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">
                                                一个免费下载文献的学术导航网站
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="http://www.459.org/" class="togo text-center text-muted is-views" data-id="725"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div> -->
                </div>

                <div class="d-flex flex-fill ">
                    <h4 class="text-gray text-lg mb-4">
                        <i class="site-tag iconfont icon-tag icon-lg mr-1" id="links3"></i>
                        有趣的灵魂
                    </h4>
                    <div class="flex-fill"></div>
                </div>
                <div class="row ">
                    <!-- ----------------------有趣的网站---------------------------------->
                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://youquhome.com/" target="_blank" data-id="3322"
                                data-url="https://youquhome.com/" class="card no-c  mb-4 site-3322"
                                data-toggle="tooltip" data-placement="bottom" title="分享有趣的国内外网站&应用新奇的html5网站">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/yq.png" data-src="ico/yq.png"
                                                onerror="javascript:this.src='ico/yq.png'" alt="有趣网站之家">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>有趣网站之家</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">分享有趣的国内外网站&应用新奇的html5网站</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://youquhome.com/" class="togo text-center text-muted is-views" data-id="3322"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://zzkia.noddl.me/" target="_blank" data-id="3322"
                                data-url="https://zzkia.noddl.me/" class="card no-c  mb-4 site-3322"
                                data-toggle="tooltip" data-placement="bottom" title="抖音微博爆款诺基亚短信图片生成器,生成老式手机短信图片。">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/njy.png" data-src="ico/njy.png"
                                                onerror="javascript:this.src='ico/njy.png'" alt="诺基亚短信生成器">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>诺基亚短信生成器</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">
                                                抖音微博爆款诺基亚短信图片生成器,生成老式手机短信图片。</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://zzkia.noddl.me/" class="togo text-center text-muted is-views"
                                data-id="3322" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://aidn.jp/mikutap/" target="_blank" data-id="3322"
                                data-url="https://aidn.jp/mikutap/" class="card no-c  mb-4 site-3322"
                                data-toggle="tooltip" data-placement="bottom" title="生成好听的动感初音音乐">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/aidn.png" data-src="ico/aidn.png"
                                                onerror="javascript:this.src='ico/aidn.png'" alt="初音未来音乐">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>初音未来音乐</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">生成好听的动感初音音乐</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://aidn.jp/mikutap/" class="togo text-center text-muted is-views"
                                data-id="3322" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://suulnnka.github.io/BullshitGenerator/index.html" target="_blank"
                                data-id="3322" data-url="https://suulnnka.github.io/BullshitGenerator/index.html"
                                class="card no-c  mb-4 site-3322" data-toggle="tooltip" data-placement="bottom"
                                title="狗屁不通文章生成器">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/wz.png" data-src="ico/wz.png"
                                                onerror="javascript:this.src='ico/wz.png'" alt="自动文章生成器">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>狗屁不通文章生成器</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">自动生成文章</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://suulnnka.github.io/BullshitGenerator/index.html"
                                class="togo text-center text-muted is-views" data-id="3322" data-toggle="tooltip"
                                data-placement="right" title="直达" rel="nofollow"><i class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="http://weavesilk.com/" target="_blank" data-id="3322"
                                data-url="http://weavesilk.com/" class="card no-c  mb-4 site-3322" data-toggle="tooltip"
                                data-placement="bottom" title="生成超酷的镜像炫光">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/xg.png" data-src="ico/xg.png"
                                                onerror="javascript:this.src='ico/xg.png'" alt="镜像炫光生成器">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>镜像炫光生成器</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">生成超酷的镜像炫光</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="http://weavesilk.com/" class="togo text-center text-muted is-views" data-id="3322"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://wangyasai.github.io/Stars-Emmision/" target="_blank" data-id="3322"
                                data-url="https://wangyasai.github.io/Stars-Emmision/" class="card no-c  mb-4 site-3322"
                                data-toggle="tooltip" data-placement="bottom" title="生成超赞的发散光">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/fs.png" data-src="ico/fs.png"
                                                onerror="javascript:this.src='ico/fs.png'" alt="发散光">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>发散光</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">生成超赞的发散光</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://wangyasai.github.io/Stars-Emmision/"
                                class="togo text-center text-muted is-views" data-id="3322" data-toggle="tooltip"
                                data-placement="right" title="直达" rel="nofollow"><i class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://chp.shadiao.app/" target="_blank" data-id="3322"
                                data-url="https://chp.shadiao.app/" class="card no-c  mb-4 site-3322"
                                data-toggle="tooltip" data-placement="bottom" title="想在你的眼睛里坠落">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/chp.png" data-src="ico/chp.png"
                                                onerror="javascript:this.src='ico/chp.png'" alt="彩虹屁">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>彩虹屁</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">想在你的眼睛里坠落</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://chp.shadiao.app/" class="togo text-center text-muted is-views"
                                data-id="3322" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://selfie2anime.com/" target="_blank" data-id="3322"
                                data-url="https://selfie2anime.com/" class="card no-c  mb-4 site-3322"
                                data-toggle="tooltip" data-placement="bottom" title="你在动漫里长什么样子">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/og.jpg" data-src="ico/og.jpg"
                                                onerror="javascript:this.src='ico/og.jpg'" alt="照片变动漫">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>照片变动漫</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">你在动漫里长什么样子</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://selfie2anime.com/" class="togo text-center text-muted is-views"
                                data-id="3322" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://pyq.shadiao.app/" target="_blank" data-id="3322"
                                data-url="https://pyq.shadiao.app/" class="card no-c  mb-4 site-3322"
                                data-toggle="tooltip" data-placement="bottom" title="生成有趣的朋友圈文案">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/pyq.png" data-src="ico/pyq.png"
                                                onerror="javascript:this.src='ico/pyq.png'" alt="朋友圈文案">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>朋友圈文案</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">生成有趣的朋友圈文案</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://pyq.shadiao.app/" class="togo text-center text-muted is-views"
                                data-id="3322" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://xoihazard.com/tools/halftone/" target="_blank" data-id="3322"
                                data-url="https://xoihazard.com/tools/halftone/" class="card no-c  mb-4 site-3322"
                                data-toggle="tooltip" data-placement="bottom" title="生色成半像素图片">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/bxs.png" data-src="ico/bxs.png"
                                                onerror="javascript:this.src='ico/bxs.png'" alt="半色像素图片">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>半色像素图片</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">生色成半像素图片</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://xoihazard.com/tools/halftone/" class="togo text-center text-muted is-views"
                                data-id="3322" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://cts.chazhi.net/" target="_blank" data-id="3322"
                                data-url="https://cts.chazhi.net/" class="card no-c  mb-4 site-3322"
                                data-toggle="tooltip" data-placement="bottom" title="藏头诗生成器">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/cts.png" data-src="ico/cts.png"
                                                onerror="javascript:this.src='ico/cts.png'" alt="藏头诗生成器">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>藏头诗生成器</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">藏头诗生成器</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://cts.chazhi.net/" class="togo text-center text-muted is-views"
                                data-id="3322" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://hostrider.com/" target="_blank" data-id="3322"
                                data-url="https://hostrider.com/" class="card no-c  mb-4 site-3322"
                                data-toggle="tooltip" data-placement="bottom" title="一只戴着耳机的Bongo Cat在屏幕前时刻准备着敲代码">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/cat.png" data-src="ico/cat.png"
                                                onerror="javascript:this.src='ico/cat.png'" alt="Coding Cat">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>Coding Cat</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">一只戴着耳机的Bongo
                                                Cat在屏幕前时刻准备着敲代码</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://hostrider.com/" class="togo text-center text-muted is-views" data-id="3322"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://wangyasai.github.io/TheMatrix/" target="_blank" data-id="3322"
                                data-url="https://wangyasai.github.io/TheMatrix/" class="card no-c  mb-4 site-3322"
                                data-toggle="tooltip" data-placement="bottom" title="黑色背景，绿色的字像雨滴一样缓缓落下，非常的炫酷，满满的科技感">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/dm.ico" data-src="ico/dm.ico"
                                                onerror="javascript:this.src='ico/dm.ico'" alt="代码雨">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>代码雨</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">
                                                黑色背景，绿色的字像雨滴一样缓缓落下，非常的炫酷，满满的科技感</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://wangyasai.github.io/TheMatrix/"
                                class="togo text-center text-muted is-views" data-id="3322" data-toggle="tooltip"
                                data-placement="right" title="直达" rel="nofollow"><i class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://pissang.github.io/paper-quilling-art/" target="_blank" data-id="3322"
                                data-url="https://pissang.github.io/paper-quilling-art/"
                                class="card no-c  mb-4 site-3322" data-toggle="tooltip" data-placement="bottom"
                                title="只需要简单的调节参数，就能生成一张艺术感满满的衍纸风格背景图">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/yz.png" data-src="ico/yz.png"
                                                onerror="javascript:this.src='ico/yz.png'" alt="衍纸艺术">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>衍纸艺术</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">
                                                只需要简单的调节参数，就能生成一张艺术感满满的衍纸风格背景图</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://pissang.github.io/paper-quilling-art/"
                                class="togo text-center text-muted is-views" data-id="3322" data-toggle="tooltip"
                                data-placement="right" title="直达" rel="nofollow"><i class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://www.yikm.net/" target="_blank" data-id="3322"
                                data-url="https://www.yikm.net/" class="card no-c  mb-4 site-3322" data-toggle="tooltip"
                                data-placement="bottom" title="各种小霸王游戏在线玩">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/xbw.png" data-src="ico/xbw.png"
                                                onerror="javascript:this.src='ico/xbw.png'" alt="小霸王游戏机">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>小霸王游戏机</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">各种小霸王游戏在线玩</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://www.yikm.net/" class="togo text-center text-muted is-views" data-id="3322"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://poki.com/" target="_blank" data-id="3322"
                                data-url="https://poki.com/" class="card no-c  mb-4 site-3322" data-toggle="tooltip"
                                data-placement="bottom" title="各种小霸王游戏在线玩">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/fav-512.png" data-src="ico/fav-512.png"
                                                onerror="javascript:this.src='ico/fav-512.png'" alt="VIII-Poki">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>VIII-Poki</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">国外小游戏网站合集(一)</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://poki.com/" class="togo text-center text-muted is-views" data-id="3322"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://kevin.games/" target="_blank" data-id="3322"
                                data-url="https://kevin.games/" class="card no-c  mb-4 site-3322" data-toggle="tooltip"
                                data-placement="bottom" title="Kevin Games">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/kn.png" data-src="ico/kn.png"
                                                onerror="javascript:this.src='ico/kn.png'" alt="Kevin Games">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>Kevin Games</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">国外小游戏网站合集(二)</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://kevin.games/" class="togo text-center text-muted is-views" data-id="3322"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://dccxi.com/trust/" target="_blank" data-id="3322"
                                data-url="https://dccxi.com/trust/" class="card no-c  mb-4 site-3322" data-toggle="tooltip"
                                data-placement="bottom" title="信任的进化">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/xr.png" data-src="ico/xr.png"
                                                onerror="javascript:this.src='ico/xr.png'" alt="信任的进化">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>信任的进化</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">信任的进化</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://dccxi.com/trust/" class="togo text-center text-muted is-views" data-id="3322"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>
                </div>

                <div class="d-flex flex-fill ">
                    <h4 class="text-gray text-lg mb-4">
                        <i class="site-tag iconfont icon-tag icon-lg mr-1" id="links4"></i>
                        在线工具
                    </h4>
                    <div class="flex-fill"></div>
                </div>
                <div class="row ">
                    <!-- ----------------------在线工具---------------------------------->
                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://app.brandmark.io/v3/" target="_blank" data-id="1996" data-url="https://app.brandmark.io/v3/"
                                class="card no-c  mb-4 site-1996" data-toggle="tooltip" data-placement="bottom"
                                title="Brand Name">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/favicon32.gif" data-src="ico/favicon32.gif"
                                                onerror="javascript:this.src='ico/zxgj.png'" >
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>Brand Name</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">一个可以生成Logo的网站
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://app.brandmark.io/v3/" class="togo text-center text-muted is-views" data-id="1996"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://www.zcool.com.cn/home" target="_blank" data-id="1996" data-url="https://www.zcool.com.cn/home"
                                class="card no-c  mb-4 site-1996" data-toggle="tooltip" data-placement="bottom"
                                title="Brand Name">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/zk.ico" data-src="ico/zk.ico"
                                                onerror="javascript:this.src='ico/zk.ico'" >
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>站酷</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">打开站酷，发现更好的设计！
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://www.zcool.com.cn/home" class="togo text-center text-muted is-views" data-id="1996"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://www.lofter.com/front/login/" target="_blank" data-id="3322"
                                data-url="https://www.lofter.com/front/login/" class="card no-c  mb-4 site-3322"
                                data-toggle="tooltip" data-placement="bottom" title="分享有趣的国内外网站&应用新奇的html5网站">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/lh.ico" data-src="ico/lh.ico"
                                                onerror="javascript:this.src='ico/lh.ico'" alt="乐乎">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>LOFTER(乐乎)</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">看见每一种兴趣</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://www.lofter.com/front/login/" class="togo text-center text-muted is-views" data-id="3322"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://tool.lu/" target="_blank" data-id="1996" data-url="https://tool.lu/"
                                class="card no-c  mb-4 site-1996" data-toggle="tooltip" data-placement="bottom"
                                title="程序猿的工具箱">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/zxgj.png" data-src="ico/zxgj.png"
                                                onerror="javascript:this.src='ico/zxgj.png'" alt="程序猿的工具箱">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>Tool</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">你的工具箱
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://tool.lu/" class="togo text-center text-muted is-views" data-id="1996"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://zh.pickfrom.net/" target="_blank" data-id="1996"
                                data-url="https://zh.pickfrom.net/" class="card no-c  mb-4 site-1996"
                                data-toggle="tooltip" data-placement="bottom" title="一站式视频剪辑平台">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/pf.ico" data-src="ico/pf.ico"
                                                onerror="javascript:this.src='ico/pf.ico'" alt="PickFrom">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>PickFrom</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">一站式视频剪辑平台
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://zh.pickfrom.net/" class="togo text-center text-muted is-views"
                                data-id="1996" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://cli.im/" target="_blank" data-id="1996" data-url="https://cli.im/"
                                class="card no-c  mb-4 site-1996" data-toggle="tooltip" data-placement="bottom"
                                title="把二维码技术变成简单实用的产品">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/cl.ico" data-src="ico/cl.ico"
                                                onerror="javascript:this.src='ico/cl.ico'" alt="草料二维码">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>二维码生成器</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">
                                                把二维码技术变成简单实用的产品
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://cli.im/" class="togo text-center text-muted is-views" data-id="1996"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="http://www.metools.info/" target="_blank" data-id="1996"
                                data-url="http://www.metools.info/" class="card no-c  mb-4 site-1996"
                                data-toggle="tooltip" data-placement="bottom" title="计算，加密，转换工具合集">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/metools.png" data-src="ico/metools.png"
                                                onerror="javascript:this.src='ico/metools.png'" alt="metools">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>metools</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">计算，加密，转换工具合集
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="http://www.metools.info/" class="togo text-center text-muted is-views"
                                data-id="1996" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://tools.miku.ac/" target="_blank" data-id="1996"
                                data-url="https://tools.miku.ac/" class="card no-c  mb-4 site-1996"
                                data-toggle="tooltip" data-placement="bottom" title="你的工具箱">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/miku.png" data-src="ico/miku.png"
                                                onerror="javascript:this.src='ico/miku.png'" alt="MikuTools">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>MikuTools</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">在线工具合集
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://tools.miku.ac/" class="togo text-center text-muted is-views" data-id="1996"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>


                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                        <div class="url-body default">
                            <a href="https://www.alltoall.net/" target="_blank" data-id="1996"
                                data-url="https://www.alltoall.net/" class="card no-c  mb-4 site-1996"
                                data-toggle="tooltip" data-placement="bottom" title="免费的在线格式转换工具">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/ata.png" data-src="ico/ata.png"
                                                onerror="javascript:this.src='ico/ata.png'" alt="在线格式转换">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>在线格式转换</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">免费的在线格式转换工具
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://www.alltoall.net/" class="togo text-center text-muted is-views"
                                data-id="1996" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://smallpdf.com/cn" target="_blank" data-id="1996"
                                data-url="https://smallpdf.com/cn" class="card no-c  mb-4 site-1996"
                                data-toggle="tooltip" data-placement="bottom" title="PDF问题的免费解决方案">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/smallpdf.png" data-src="ico/smallpdf.png"
                                                onerror="javascript:this.src='ico/smallpdf.png'" alt="SmallPDF">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>SmallPDF</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">PDF问题的免费解决方案
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://smallpdf.com/cn" class="togo text-center text-muted is-views"
                                data-id="1996" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://naotu.baidu.com/" target="_blank" data-id="1996"
                                data-url="https://naotu.baidu.com/" class="card no-c  mb-4 site-1996"
                                data-toggle="tooltip" data-placement="bottom" title="PDF问题的免费解决方案">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/bdnt.ico" data-src="ico/bdnt.ico"
                                                onerror="javascript:this.src='ico/bdnt.ico'" alt="百度脑图">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>百度脑图</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">便捷的思维导图工具
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://naotu.baidu.com/" class="togo text-center text-muted is-views"
                                data-id="1996" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://jianwai.youdao.com/" target="_blank" data-id="1996"
                                data-url="https://jianwai.youdao.com/" class="card no-c  mb-4 site-1996"
                                data-toggle="tooltip" data-placement="bottom" title="网易出品的一个多功能黑科技办公网站">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/wyjw.ico" data-src="ico/wyjw.ico"
                                                onerror="javascript:this.src='ico/wyjw.ico'" alt="网易见外">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>网易见外</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">网易出品的一个多功能黑科技办公网站
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://jianwai.youdao.com/" class="togo text-center text-muted is-views"
                                data-id="1996" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://tinypng.com/" target="_blank" data-id="1996"
                                data-url="https://tinypng.com/" class="card no-c  mb-4 site-1996" data-toggle="tooltip"
                                data-placement="bottom" title="智能 PNG 和 JPEG 压缩">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/ys.png" data-src="ico/ys.png"
                                                onerror="javascript:this.src='ico/ys.png'" alt="图片压缩">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>图片压缩</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">智能 PNG 和 JPEG 压缩
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://tinypng.com/" class="togo text-center text-muted is-views" data-id="1996"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://vtool.pro/" target="_blank" data-id="1996" data-url="https://vtool.pro/"
                                class="card no-c  mb-4 site-1996" data-toggle="tooltip" data-placement="bottom"
                                title="vtool解析网-小红书,抖音,快手去水印在线解析">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/wangzhi.png" data-src="ico/wangzhi.png"
                                                onerror="javascript:this.src='ico/wangzhi.png'" alt="短视频无水印下载">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>短视频无水印下载</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">vtool解析网-小红书,抖音,快手去水印在线解析
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://vtool.pro/" class="togo text-center text-muted is-views" data-id="1996"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://www.tooleyes.com/" target="_blank" data-id="1996"
                                data-url="https://www.tooleyes.com/" class="card no-c  mb-4 site-1996"
                                data-toggle="tooltip" data-placement="bottom" title="在线工具大全，用完即走">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/zxgjdq.png" data-src="ico/zxgjdq.png"
                                                onerror="javascript:this.src='ico/zxgjdq.png'" alt="在线工具">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>在线工具</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">在线工具大全，用完即走
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://www.tooleyes.com/" class="togo text-center text-muted is-views"
                                data-id="1996" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                   
                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://web.baimiaoapp.com/" target="_blank" data-id="1996"
                                data-url="https://web.baimiaoapp.com/" class="card no-c  mb-4 site-1996"
                                data-toggle="tooltip" data-placement="bottom" title="在线OCR识别">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/bm.ico" data-src="ico/bm.ico"
                                                onerror="javascript:this.src='ico/bm.ico'" alt="白描">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>白描</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">在线OCR识别

                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://web.baimiaoapp.com/" class="togo text-center text-muted is-views"
                                data-id="1996" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="http://www.ico51.cn/" target="_blank" data-id="1996"
                                data-url="http://www.ico51.cn/" class="card no-c  mb-4 site-1996" data-toggle="tooltip"
                                data-placement="bottom" title="提供ico图标在线制作、快速ico图标制作、icon图标制作">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/zxico.ico" data-src="ico/zxico.ico"
                                                onerror="javascript:this.src='ico/zxico.ico'" alt="ico">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>在线生成ico</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">
                                                提供ico图标在线制作、快速ico图标制作、icon图标制作
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="http://www.ico51.cn/" class="togo text-center text-muted is-views" data-id="1996"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>

                    <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">
                        <div class="url-body default">
                            <a href="https://ezgif.com/" target="_blank" data-id="1996"
                                data-url="https://ezgif.com/" class="card no-c  mb-4 site-1996" data-toggle="tooltip"
                                data-placement="bottom" title="一个简单的在线 GIF 制作工具和用于基本动画 GIF 编辑的工具集">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/gif.ico" data-src="ico/gif.ico"
                                                onerror="javascript:this.src='ico/gif.ico'" alt="ico">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>Ezgif</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">
                                                一个简单的在线 GIF 制作工具和用于基本动画 GIF 编辑的工具集
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://ezgif.com/" class="togo text-center text-muted is-views" data-id="1996"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>
                </div>




                <h4 class="text-gray text-lg mb-4">
                    <i class="iconfont icon-book-mark-line icon-lg mr-2" id="links5"></i>友情链接
                </h4>
                <div class="friendlink text-xs card">
                    <div class="card-body">
                        <a href="https://zhang_shaolong.gitee.io/" title="有范的导航网站" target="_blank">小张同学的百宝箱</a>
                    </div>
                </div>


            </div>

            <footer class="main-footer footer-type-1 text-xs">
                <div id="footer-tools" class="d-flex flex-column">
                    <a href="javascript:" id="go-to-up" class="btn rounded-circle go-up m-1" rel="go-top">
                        <i class="iconfont icon-to-up"></i>
                    </a>
                    <!-- 右下角搜索  -->
                    <a href="javascript:" data-toggle="modal" data-target="#search-modal" class="btn rounded-circle m-1"
                        rel="search" one-link-mark="yes">
                        <i class="iconfont icon-search"></i>
                    </a>
                    <!-- <a href="http://sighttp.qq.com/authd?IDKEY=7a6ef4c847ab2e9643c7b9e6fad646a17e3198a37984251d"
                        class="btn rounded-circle kefu m-1" target="_blank" data-toggle="tooltip" data-placement="left"
                        title="联系所长">
                        <i class="mode-ico iconfont icon-qq"></i>
                    </a> -->
                    <!-- 右下角搜索 end -->

                    <a href="javascript:" onclick="window.location.href='javascript:switchNightMode()'"
                        class="btn rounded-circle switch-dark-mode m-1" id="yejian" data-toggle="tooltip"
                        data-placement="left" title="夜间模式">
                        <i class="mode-ico iconfont icon-light"></i>
                    </a>
                </div>
                <div class="footer-inner">
                    <div class="footer-text">
                        Copyright © 2021 小张同学的百宝箱 &nbsp;&nbsp;by <a href="https://gitee.com/zhang_shaolong/website"
                            target="_blank"><strong>Patrick's Blog</strong></a>&nbsp;&nbsp;
                    </div>
                </div>
            </footer>
        </div><!-- main-content end -->
    </div><!-- page-container end -->

    <div class="modal fade search-modal" id="search-modal">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-body">

                    <div id="search" class="s-search mx-auto my-4">
                        <div id="search-list" class="hide-type-list">
                            <div class="s-type">
                                <span></span>
                                <div class="s-type-list">
                                    <label for="m_type-baidu" data-id="group-a">常用</label><label for="m_type-baidu1"
                                        data-id="group-b">搜索</label><label for="m_type-br"
                                        data-id="group-c">工具</label><label for="m_type-zhihu"
                                        data-id="group-d">社区</label><label for="m_type-taobao1"
                                        data-id="group-e">生活</label><label for="m_type-zhaopin"
                                        data-id="group-f">求职</label>
                                </div>
                            </div>
                            <div class="search-group group-a"><span class="type-text text-muted">常用</span>
                                <ul class="search-type">
                                    <li><input checked="checked" hidden="" type="radio" name="type2" id="m_type-baidu"
                                            value="https://www.baidu.com/s?wd=" data-placeholder="百度一下"><label
                                            for="m_type-baidu"><span class="text-muted">百度</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-google"
                                            value="https://www.google.com/search?q=" data-placeholder="谷歌两下"><label
                                            for="m_type-google"><span class="text-muted">Google</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-zhannei"
                                            value="https://www.iplaysoft.com/?s=" data-placeholder="软件搜索"><label
                                            for="m_type-zhannei"><span class="text-muted">软件</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-taobao"
                                            value="https://s.taobao.com/search?q=" data-placeholder="淘宝"><label
                                            for="m_type-taobao"><span class="text-muted">淘宝</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-bing"
                                            value="https://cn.bing.com/search?q=" data-placeholder="微软Bing搜索"><label
                                            for="m_type-bing"><span class="text-muted">Bing</span></label></li>
                                </ul>
                            </div>
                            <div class="search-group group-b"><span class="type-text text-muted">搜索</span>
                                <ul class="search-type">
                                    <li><input hidden="" type="radio" name="type2" id="m_type-baidu1"
                                            value="https://www.baidu.com/s?wd=" data-placeholder="百度一下"><label
                                            for="m_type-baidu1"><span class="text-muted">百度</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-google1"
                                            value="https://www.google.com/search?q=" data-placeholder="谷歌两下"><label
                                            for="m_type-google1"><span class="text-muted">Google</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-360"
                                            value="https://www.so.com/s?q=" data-placeholder="360好搜"><label
                                            for="m_type-360"><span class="text-muted">360</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-sogo"
                                            value="https://www.sogou.com/web?query=" data-placeholder="搜狗搜索"><label
                                            for="m_type-sogo"><span class="text-muted">搜狗</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-bing1"
                                            value="https://cn.bing.com/search?q=" data-placeholder="微软Bing搜索"><label
                                            for="m_type-bing1"><span class="text-muted">Bing</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-sm"
                                            value="https://yz.m.sm.cn/s?q=" data-placeholder="UC移动端搜索"><label
                                            for="m_type-sm"><span class="text-muted">神马</span></label></li>
                                </ul>
                            </div>
                            <div class="search-group group-c"><span class="type-text text-muted">工具</span>
                                <ul class="search-type">
                                    <li><input hidden="" type="radio" name="type2" id="m_type-br"
                                            value="https://rank.chinaz.com/all/"
                                            data-placeholder="请输入网址(不带https://)"><label for="m_type-br"><span
                                                class="text-muted">权重查询</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-links"
                                            value="https://link.chinaz.com/" data-placeholder="请输入网址(不带https://)"><label
                                            for="m_type-links"><span class="text-muted">友链检测</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-icp"
                                            value="https://icp.aizhan.com/" data-placeholder="请输入网址(不带https://)"><label
                                            for="m_type-icp"><span class="text-muted">备案查询</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-ping"
                                            value="https://ping.chinaz.com/" data-placeholder="请输入网址(不带https://)"><label
                                            for="m_type-ping"><span class="text-muted">PING检测</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-404"
                                            value="https://tool.chinaz.com/Links/?DAddress="
                                            data-placeholder="请输入网址(不带https://)"><label for="m_type-404"><span
                                                class="text-muted">死链检测</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-ciku"
                                            value="https://www.ciku5.com/s?wd=" data-placeholder="请输入关键词"><label
                                            for="m_type-ciku"><span class="text-muted">关键词挖掘</span></label></li>
                                </ul>
                            </div>
                            <div class="search-group group-d"><span class="type-text text-muted">社区</span>
                                <ul class="search-type">
                                    <li><input hidden="" type="radio" name="type2" id="m_type-zhihu"
                                            value="https://www.zhihu.com/search?type=content&q="
                                            data-placeholder="知乎"><label for="m_type-zhihu"><span
                                                class="text-muted">知乎</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-wechat"
                                            value="https://weixin.sogou.com/weixin?type=2&query="
                                            data-placeholder="微信"><label for="m_type-wechat"><span
                                                class="text-muted">微信</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-weibo"
                                            value="https://s.weibo.com/weibo/" data-placeholder="微博"><label
                                            for="m_type-weibo"><span class="text-muted">微博</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-douban"
                                            value="https://www.douban.com/search?q=" data-placeholder="豆瓣"><label
                                            for="m_type-douban"><span class="text-muted">豆瓣</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-why"
                                            value="https://ask.seowhy.com/search/?q=" data-placeholder="SEO问答社区"><label
                                            for="m_type-why"><span class="text-muted">搜外问答</span></label></li>
                                </ul>
                            </div>
                            <div class="search-group group-e"><span class="type-text text-muted">生活</span>
                                <ul class="search-type">
                                    <li><input hidden="" type="radio" name="type2" id="m_type-taobao1"
                                            value="https://s.taobao.com/search?q=" data-placeholder="淘宝"><label
                                            for="m_type-taobao1"><span class="text-muted">淘宝</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-jd"
                                            value="https://search.jd.com/Search?keyword=" data-placeholder="京东"><label
                                            for="m_type-jd"><span class="text-muted">京东</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-xiachufang"
                                            value="https://www.xiachufang.com/search/?keyword="
                                            data-placeholder="下厨房"><label for="m_type-xiachufang"><span
                                                class="text-muted">下厨房</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-xiangha"
                                            value="https://www.xiangha.com/so/?q=caipu&s="
                                            data-placeholder="香哈菜谱"><label for="m_type-xiangha"><span
                                                class="text-muted">香哈菜谱</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-12306"
                                            value="https://www.12306.cn/?" data-placeholder="12306"><label
                                            for="m_type-12306"><span class="text-muted">12306</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-kd100"
                                            value="https://www.kuaidi100.com/?" data-placeholder="快递100"><label
                                            for="m_type-kd100"><span class="text-muted">快递100</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-qunar"
                                            value="https://www.qunar.com/?" data-placeholder="去哪儿"><label
                                            for="m_type-qunar"><span class="text-muted">去哪儿</span></label></li>
                                </ul>
                            </div>
                            <div class="search-group group-f"><span class="type-text text-muted">求职</span>
                                <ul class="search-type">
                                    <li><input hidden="" type="radio" name="type2" id="m_type-zhaopin"
                                            value="https://sou.zhaopin.com/jobs/searchresult.ashx?kw="
                                            data-placeholder="智联招聘"><label for="m_type-zhaopin"><span
                                                class="text-muted">智联招聘</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-51job"
                                            value="https://search.51job.com/?" data-placeholder="前程无忧"><label
                                            for="m_type-51job"><span class="text-muted">前程无忧</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-lagou"
                                            value="https://www.lagou.com/jobs/list_" data-placeholder="拉钩网"><label
                                            for="m_type-lagou"><span class="text-muted">拉钩网</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-liepin"
                                            value="https://www.liepin.com/zhaopin/?key=" data-placeholder="猎聘网"><label
                                            for="m_type-liepin"><span class="text-muted">猎聘网</span></label></li>
                                </ul>
                            </div>
                        </div>
                        <form action="https://nav.iowen.cn?s=" method="get" target="_blank" class="super-search-fm">
                            <input type="text" id="m_search-text" class="form-control smart-tips search-key" zhannei=""
                                autocomplete="off" placeholder="输入关键字搜索" style="outline:0">
                            <button type="submit"><i class="iconfont icon-search"></i></button>
                        </form>
                        <div class="card search-smart-tips" style="display: none">
                            <ul></ul>
                        </div>
                    </div>

                    <div class="px-1 mb-3"><i class="text-xl iconfont icon-hot mr-1" style="color:#f1404b;"></i><span
                            class="h6">热门推荐： </span></div>
                    <div class="mb-3">
                        <li id="menu-item-332"
                            class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-332"><a
                                href="tag/黑洞.html">黑洞</a></li>
                        <li id="menu-item-333"
                            class="menu-item menu-item-type-custom menu-item-object-custom menu-item-333"><a
                                href="E5AFBCE888AAE4B8BBE9A298.html">导航主题</a></li>
                        <li id="menu-item-335"
                            class="menu-item menu-item-type-custom menu-item-object-custom menu-item-335"><a
                                href="E59BBEE6A087.html">图标</a></li>
                    </div>
                </div>
                <div style="position: absolute;bottom: -40px;width: 100%;text-align: center;"><a href="javascript:"
                        data-dismiss="modal"><i class="iconfont icon-close-circle icon-2x" style="color: #fff;"></i></a>
                </div>
            </div>
        </div>
    </div>
    <script type='text/javascript' src='assets/js/jquery-ui.min-3.03029.1.js'
        id='jquery-ui-js'></script>
    <script type='text/javascript' src='assets/js/jquery.ui.touch-punch.min-3.0302.js'
        id='jqueryui-touch-js'></script>
    <script type='text/javascript' src='assets/wp-includes/js/clipboard.min-5.6.2.js' id='clipboard-js'></script>
    <script type='text/javascript' id='popper-js-extra'>
        /* <![CDATA[ */
        var theme = { "ajaxurl": "https:\/\/nav.iowen.cn\/wp-admin\/admin-ajax.php", "addico": "https:\/\/nav.iowen.cn\/wp-content\/themes\/onenav\/images\/add.png", "order": "asc", "formpostion": "top", "defaultclass": "io-grey-mode", "isCustomize": "1", "icourl": "https:\/\/api.iowen.cn\/favicon\/", "icopng": ".png", "urlformat": "1", "customizemax": "10", "newWindow": "0", "lazyload": "1", "minNav": "1", "loading": "1", "hotWords": "baidu", "classColumns": " col-sm-6 col-md-4 col-xl-5a col-xxl-6a ", "apikey": "TWpBeU1UVTNOekk1TWpVMEIvZ1M2bFVIQllUMmxsV1dZelkxQTVPVzB3UW04eldGQmxhM3BNWW14bVNtWk4=" };
/* ]]> */
    </script>
    <script type='text/javascript' src='assets/wp-content/themes/onenav/js/popper.min-3.03029.1.js'
        id='popper-js'></script>
    <script type='text/javascript' src='assets/wp-content/themes/onenav/js/bootstrap.min-3.03029.1.js'
        id='bootstrap-js'></script>
    <script type='text/javascript' src='assets/wp-content/themes/onenav/js/theia-sticky-sidebar-3.03029.1.js'
        id='sidebar-js'></script>
    <script type='text/javascript' src='assets/wp-content/themes/onenav/js/lazyload.min-3.03029.1.js'
        id='lazyload-js'></script>
    <script type='text/javascript' src='assets/wp-content/themes/onenav/js/jquery.fancybox.min-3.03029.1.js'
        id='lightbox-js-js'></script>
    <script type='text/javascript' src='assets/wp-content/themes/onenav/js/app-3.03029.1.js' id='appjs-js'></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var siteWelcome = $('#loading');
            siteWelcome.addClass('close');
            setTimeout(function () {
                siteWelcome.remove();
            }, 600);
        });
    </script>
    <script type="text/javascript">
        $(document).ready(function () {
            setTimeout(function () {
                if ($('a.smooth[href="' + window.location.hash + '"]')[0]) {
                    $('a.smooth[href="' + window.location.hash + '"]').click();
                }
                else if (window.location.hash != '') {
                    $("html, body").animate({
                        scrollTop: $(window.location.hash).offset().top - 90
                    }, {
                        duration: 500,
                        easing: "swing"
                    });
                }
            }, 300);
            $(document).on('click', 'a.smooth', function (ev) {
                ev.preventDefault();
                if ($('#sidebar').hasClass('show') && !$(this).hasClass('change-href')) {
                    $('#sidebar').modal('toggle');
                }
                if ($(this).attr("href").substr(0, 1) == "#") {
                    $("html, body").animate({
                        scrollTop: $($(this).attr("href")).offset().top - 90
                    }, {
                        duration: 500,
                        easing: "swing"
                    });
                }
                if ($(this).hasClass('go-search-btn')) {
                    $('#search-text').focus();
                }
                if (!$(this).hasClass('change-href')) {
                    var menu = $("a" + $(this).attr("href"));
                    menu.click();
                    toTarget(menu.parent().parent(), true, true);
                }
            });
            $(document).on('click', 'a.tab-noajax', function (ev) {
                var url = $(this).data('link');
                if (url)
                    $(this).parents('.d-flex.flex-fill.flex-tab').children('.btn-move.tab-move').show().attr('href', url);
                else
                    $(this).parents('.d-flex.flex-fill.flex-tab').children('.btn-move.tab-move').hide();
            });
        });
    </script>
    <!-- 自定义代码 -->

    <script>
        //夜间模式
        (function () {
            if (document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") == ' ') {
                if (new Date().getHours() > 22 || new Date().getHours() < 6) {
                    document.body.classList.remove('io-black-mode');
                    document.body.classList.add('io-grey-mode');
                    document.cookie = "night=1;path=/";
                    console.log('夜间模式开启');
                } else {
                    document.body.classList.remove('night');
                    document.cookie = "night=0;path=/";
                    console.log('夜间模式关闭');
                }
            } else {
                var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
                if (night == '0') {
                    document.body.classList.remove('night');
                } else if (night == '1') {
                    document.body.classList.add('night');
                }
            }
        })();
        //夜间模式切换
        function switchNightMode() {
            var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
            if (night == '0') {
                document.body.classList.remove('io-grey-mode');
                document.body.classList.add('io-black-mode');
                document.cookie = "night=1;path=/"
                console.log(' ');
                $(".switch-dark-mode").attr("data-original-title", "日间模式");
                $(".mode-ico").removeClass("icon-night");
                $(".mode-ico").addClass("icon-light");
            } else {
                document.body.classList.remove('io-black-mode');
                document.body.classList.add('io-grey-mode');
                document.cookie = "night=0;path=/"
                console.log(' ');
                $(".switch-dark-mode").attr("data-original-title", "夜间模式");
                $(".mode-ico").removeClass("icon-light");
                $(".mode-ico").addClass("icon-night");
            }
        }

    </script>

    <!-- end 自定义代码 -->
</body>

</html>